<template>
     <div class="titleBox">
          <div class="titleBoxText">{{ titleText }}</div>
     </div>
</template>

<script setup lang="ts">
const titleText = computed(() => {
     return import.meta.env.VITE_APP_TITLE
})
</script>

<style lang="scss" scoped>
.titleBox {
     width: auto;
     height: 100%;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 0.5vw;
     .titleBoxText {
          font-size: 30px;
          font-weight: 500;
          color: #fff;
          font-family: 'PangMenZhengDaoBiaoTiTi';
          color: #d3eafd;
          // 设置字体颜色渐变
          // background: linear-gradient(
          //      to bottom,
          //      #ffffff 0%,
          //      #ffffff 30%,
          //      #128ed8 100%
          // );
          // -webkit-background-clip: text;
          // -webkit-text-fill-color: transparent;
          letter-spacing: 8px;
     }
}
</style>
